.PersonalSpace {
  width: 100%;
  height: 100%;
  background-color: #f9f9ff;
  position: relative;
  z-index: 99;
  overflow: auto;
  .Personal-information {
    width: 100%;
    padding-top: 55px;
    margin: 60px 0 70px 0;
    text-align: center;
    img {
      width: 100px;
      height: 100px;
      display: inline-block;
      border-radius: 50%;
      margin-bottom: 15px;
    }
    h6 {
      font-size: 20px;
      text-align: center;
      margin-bottom: 15px;
      font-weight: 900;
      color: #152035;
      letter-spacing: 0.1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      svg {
        height: 25px;
        margin: 0 12px;
        transition: all 0.3s;
      }
      .blue {
        fill: blue;
      }
      .pink {
        fill: rgb(255, 108, 132);
      }
      .green {
        fill: rgb(0, 211, 193);
      }
    }
    .personlabels {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px;
      span {
        padding: 0 10px;
        font-size: 13px;
        line-height: 21px;
        font-weight: 700;
        color: white;
        background-color: #f67280;
        border-radius: 16px;
        margin: 0 6px;
        letter-spacing: 0.1rem;
      }
    }
    p {
      line-height: 1.5;
      font-size: 16px;
      background-color: #f9f9ff;
      color: #506172;
      font-weight: 400;
      margin-bottom: 20px;
      letter-spacing: 0.1rem;
      padding: 0 45px;
      word-wrap: break-word;
    }
  }
  .crad {
    width: 100%;
    padding: 0 15px;
  }
}
